<template>
  <div class="_main">
    <div class="_main_img">
      <Loading></Loading>
    </div>
    <div class="_main_txt">Waiting For Confirm</div>
    <div class="_main_txt1">Confirm this transaction in your wallet</div>
  </div>
</template>

<script setup>
    import Loading from '../../Loading/Loading.vue'
    import {defineProps} from "vue";
    const props = defineProps({
      submit: {
        type: Function
      },
      close: {
        type: Function
      }
    })
</script>

<style scoped lang="scss">
  ._main {
    border-top: 1px solid #979797;
    padding: 48px 81px 100px 81px;
  }

  ._main_img {
    width: 64px;
    height: 64px;
    margin: 0 auto;
  }

  ._main_txt {
    text-align: center;
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #2B2B2B;
    margin-top: 29px;
  }

  ._main_txt1 {
    text-align: center;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #A2A2A2;
    margin-top: 16px;
  }
</style>
